@import "./../backgrounds.scss";
.focus-shadow {
  animation: focusShadowPrimary 3s forwards;
}

$blink-size-s: 20px;
$blink-size-m: 40px;

@mixin blink($name, $color, $blinkSize) {
  @keyframes #{$name} {
    0%,
    50%,
    100% {
      box-shadow: 0 0 0px $color;
    }
    25%,
    75% {
      box-shadow: 0 0 20px $color;
    }
  }
}

@include blink(focusShadowPrimary, $--color-primary, $blink-size-m);
